<template>
  <div class="div-1" v-for="(item,index) in tu" :key="index">
      <p class="p-1">
          <span class="span-1">{{item.pin}} <img :src="item.URL" alt=""> </span>
          <span class="span-2">{{item.shi}} </span>
      </p>
      <p class="p-2">
          {{item.nei}}
      </p>
  </div>
</template>

<script>
export default {
    data() {
        return {
            tu:[{
                URL:'src/assets/dian.png',
                pin:"您有一个订单拼团成功",
                nei:'对方的外表内部纠纷分红分红呢回复恶妇给别人凝固',
                shi:"16:09"
           },{
               URL:'src/assets/dian.png',
                pin:"您有一个订单拼团成功",
                nei:'对方的外表内部纠纷分红分红呢回复恶妇给别人凝固',
                shi:"16:09"
           },{
               URL:'src/assets/dian.png',
                pin:"您有一个订单拼团成功",
                nei:'对方的外表内部纠纷分红分红呢回复恶妇给别人凝固',
                shi:"16:09"
           },]
        }
    },
}
</script>

<style lang="less" scoped>
.div-1{
    padding:0.7rem 0.5rem;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(230, 230, 230);
    .p-1{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0.3rem;
        .span-1{
            font-size: 1rem;
            font-weight: 600;
            img{
                width: 1.3rem;
                vertical-align: bottom;
            }
        }
        .span-2{
            font-size: 0.8rem;
            color: #858585;
        }
    }
    .p-2{
        font-size: 0.8rem;
        color: #858585;
    }
}
</style>